<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>股票板块信息</title>

    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <!--自己js的路径-->
    <script type="text/javascript" src="./js/Plate.js"></script>


</head>
<body>

<!--表格元素 lay-filter 通过这个属性来筛选绑定的表格-->
<table id="plateTables" lay-filter="plateTables"></table>

<!--表格上方的工具条-->
<script type="text/html" id="plateToolBars">
<!--    <div style="float:right">-->
<!--        <button class="layui-btn layui-btn-normal layui-btn layui-btn-sm" lay-event="add">-->
<!--            <i class="layui-icon">&#xe654;</i>添加数据-->
<!--        </button>-->
<!--        <button class="layui-btn layui-btn-primary layui-btn layui-btn-sm" lay-event="deleteAll" style="color: #FF0000">-->
<!--            <i class="layui-icon">&#xe640;</i>批量删除-->
<!--        </button>-->
<!--    </div>-->

<!--  添加父子类模块  -->
    <div>
        <button class="layui-btn layui-btn-primary layui-btn layui-btn-sm" lay-event="addParentClass">
            <i class="layui-icon"></i>添加父类
        </button>
        <button class="layui-btn layui-btn-primary layui-btn layui-btn-sm" lay-event="addSubClass">
            <i class="layui-icon"></i>添加子类
        </button>
    </div>

</script>

<!--操作按钮-->
<script type="text/html" id="toolEventDemo">
    <a class="layui-btn layui-btn-xs" style="background-color: #1E9FFF" lay-event="edit"><i
            class="layui-icon">&#xe642;</i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
            class="layui-icon">&#xe640;</i>删除</a>
</script>

<!--添加父类的窗口网页-->
<div id="addFatherPlate" style="width:100%;display: none;text-align: center">
    <form id="fatherForm" class="layui-form layui-form-pane" style="display: inline-block" action="">
<!--股票板块编号   plateId     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">股票板块编号</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateId" lay-verify="required|plateId"
                       placeholder="请输入股票板块编号" autocomplete="off" class="layui-input">
            </div>
        </div>
<!--股票板块名称   plateName     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">股票板块名称</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateName" lay-verify="required|plateName"
                       placeholder="请输入股票板块名称" autocomplete="off" class="layui-input">
            </div>
        </div>
<!--父板块id    plateFatherId    -->
        <div class="layui-form-item" hidden>
            <label class="layui-form-label layui-bg-gray">父板块id</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateFatherId" lay-verify="required|plateFatherId"
                       placeholder="请输入父板块id" autocomplete="off" class="layui-input" value="key">
            </div>
        </div>
<!--备注   Remark     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">备注</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="Remark" lay-verify="Remark"
                       placeholder="备注" autocomplete="off" class="layui-input">
            </div>
        </div>
<!--提交和取消-->
        <div class="layui-form-item">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="addFatherPlate">
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary" type="button" style="color: #FF0000" onclick="quxiao1()">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>

    </form>

</div>

<!--添加子类的窗口网页-->
<div id="addSonPlate" style="width:100%;display: none;text-align: center">
    <form id="sonForm" class="layui-form layui-form-pane" style="display: inline-block" action="">
        <!--股票板块编号   plateId     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">股票板块编号</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateId" lay-verify="required|plateId"
                       placeholder="请输入股票板块编号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--股票板块名称   plateName     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">股票板块名称</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateName" lay-verify="required|plateName"
                       placeholder="请输入股票板块名称" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--父板块id    plateFatherId    -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">父板块id</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateFatherId" lay-verify="required|plateFatherId"
                       placeholder="请输入父板块id" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--备注   Remark     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">备注</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="Remark" lay-verify="Remark"
                       placeholder="备注" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--提交和取消-->
        <div class="layui-form-item">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="addSonPlate">
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary" type="button" style="color: #FF0000" onclick="quxiao1()">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>

    </form>

</div>

<!--修改窗口-->
<div id="updatePlate" style="width:100%;display: none;text-align: center">
    <form id="updateForm" class="layui-form layui-form-pane" style="display: inline-block" action="">
        <!--股票板块编号   plateId     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">股票板块编号</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateId" lay-verify="required|plateId"
                       placeholder="请输入股票板块编号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--股票板块名称   plateName     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">股票板块名称</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateName" lay-verify="required|plateName"
                       placeholder="请输入股票板块名称" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--父板块id    plateFatherId    -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">父板块id</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="plateFatherId" lay-verify="required|plateFatherId"
                       placeholder="请输入父板块id" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--备注   Remark     -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-gray">备注</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="Remark" lay-verify="Remark"
                       placeholder="备注" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--提交和取消-->
        <div class="layui-form-item">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="upPlate">
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-btn-primary" type="button" style="color: #FF0000" onclick="quxiao1()">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>

    </form>

</div>

</body>
</html>